// 封装的自定义指令名称，变量名就是指令名称
import store from '@/store'
export const imgerror = {
  inserted: function(el, options) {
    // el：指令绑定的dom 对象
    // options： 接收指令相关信息
    // options.value：可以获取传递过来的值
    el.onerror = () => {
      console.log('图片加载失败，就会给一个默认地址')
      el.src = options.value
    }
  }
}
// 指令来实现按钮级别的权限控制不同的用户，来看到不同的操作
export const allow = {
  inserted: function(el, options) {
    // store.state.user.userInfo.roles.points 在vuex中获取到用户的按钮级别的权限信息
    const opints = store.state.user.userInfo.roles.points
    // 如果没有按钮级别的权限，那就隐藏改指令绑定的dom元素
    if (!opints.includes(options.value)) {
      el.style.display = 'none'
    }
  }
}

export const focus = {
  inserted: function(el, options) {
    el.onerror = () => {
      el.focus()
    }
  }
}
